<%@ page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="${pageContext.request.contextPath}/assets/images/favicon.png" type="image/png">
    <title>Home</title>

    <!--Begin  Page Level  CSS -->
    <link href="${pageContext.request.contextPath}/assets/plugins/morris-chart/morris.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/assets/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet"/>
    <!--End  Page Level  CSS -->
    <link href="${pageContext.request.contextPath}/assets/css/icons.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/assets/css/style.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/assets/css/responsive.css" rel="stylesheet">
</head>

<body class="sticky-header">


<!--Start left side Menu-->
<jsp:include page="inc/left.jsp"/>
<!--End left side menu-->


<!-- main content start-->
<div class="main-content">
<jsp:include page="inc/header.jsp"/>

    <!--body wrapper start-->
    <div class="wrapper">

        <!--Start row-->
        <div class="row">
            <div class="container">
                <div class="analytics-box">

                </div>
            </div>
        </div>
        <!--End row-->

        <!--Start row-->
        <div class="row">
            <!--Start info box-->
            <div class="col-md-3 col-sm-6">
                <div class="info-box-main">
                    <div class="info-stats">
                        <p>1250</p>
                        <span>销售量 </span>
                    </div>
                    <div class="info-icon text-primary ">
                        <i class="mdi mdi-cart"></i>
                    </div>
                    <div class="info-box-progress">
                        <div class="progress">
                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="48"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 48%;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--End info box-->

            <!--Start info box-->
            <div class="col-md-3 col-sm-6">
                <div class="info-box-main">
                    <div class="info-stats">
                        <p>2300</p>
                        <span>访客量</span>
                    </div>
                    <div class="info-icon text-info">
                        <i class="mdi mdi-account-multiple"></i>
                    </div>
                    <div class="info-box-progress">
                        <div class="progress">
                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="48"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 48%;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--End info box-->

            <!--Start info box-->
            <div class="col-md-3 col-sm-6">
                <div class="info-box-main">
                    <div class="info-stats">
                        <p>5320</p>
                        <span>总收入</span>
                    </div>
                    <div class="info-icon text-warning">
                        <i class="fa fa-dollar"></i>
                    </div>
                    <div class="info-box-progress">
                        <div class="progress">
                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="48"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 48%;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--End info box-->

            <!--Start info box-->
            <div class="col-md-3 col-sm-6">
                <div class="info-box-main">
                    <div class="info-stats">
                        <p>65</p>
                        <span>已下订单</span>
                    </div>
                    <div class="info-icon text-danger">
                        <i class="mdi mdi-weight"></i>
                    </div>
                    <div class="info-box-progress">
                        <div class="progress">
                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="48"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 48%;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--End info box-->

        </div>
        <!--End row-->


        <!--Start row-->
        <div class="row">
            <div class="col-md-6">
                <div class="white-box">
                    <h2 class="header-title">业务销售分析</h2>
                    <ul class="list-inline text-center m-t-10">
                        <li>
                            <h5><i class="fa fa-circle m-r-5" style="color:#98C1D1;"></i>苹果手机</h5>
                        </li>
                        <li>
                            <h5><i class="fa fa-circle m-r-5" style="color: #23DBDE;"></i>平板</h5>
                        </li>
                        <li>
                            <h5><i class="fa fa-circle m-r-5" style="color: #F6DDA0;"></i>苹果播放器</h5>
                        </li>
                    </ul>
                    <div id="morris-area-chart" style="height:250px;"></div>
                </div>
            </div>


            <div class="col-md-6">
                <div class="white-box">
                    <h2 class="header-title">总收入</h2>
                    <ul class="list-inline text-center m-t-10">
                        <li>
                            <h5><i class="fa fa-circle m-r-5" style="color:#03A9F3;"></i>A部分</h5>
                        </li>
                        <li>
                            <h5><i class="fa fa-circle m-r-5" style="color: #FFAA00;"></i>B部分</h5>
                        </li>
                    </ul>
                    <div id="morris2" style="height:250px;"></div>

                </div>
            </div><!-- /col-md-6-->


        </div>
        <!--End row-->


        <!--Start row-->
        <div class="row">

            <!-- Start inbox widget-->
            <div class="col-md-4">
                <div class="white-box">
                    <h2 class="header-title">收件箱</h2>
                    <div class="inbox-widget inbox-scroll-list">

                        <div class="inbox-inner">
                            <a href="#">
                                <div class="inbox-item">
                                    <div class="inbox-img">
                                        <img src="${pageContext.request.contextPath}/assets/images/users/avatar-1.jpg"
                                             alt=""/>
                                    </div>

                                    <div class="inbox-item-info">
                                        <p class="author">杰克</p>
                                        <p class="inbox-message">邮件信息</p>
                                        <p class="inbox-date">下午13：54</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="inbox-inner">
                            <a href="#">
                                <div class="inbox-item">
                                    <div class="inbox-img">
                                        <img src="${pageContext.request.contextPath}/assets/images/users/avatar-1.jpg"
                                             alt=""/>
                                    </div>

                                    <div class="inbox-item-info">
                                        <p class="author">杰克</p>
                                        <p class="inbox-message">邮件信息</p>
                                        <p class="inbox-date">下午13：54</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="inbox-inner">
                            <a href="#">
                                <div class="inbox-item">
                                    <div class="inbox-img">
                                        <img src="${pageContext.request.contextPath}/assets/images/users/avatar-1.jpg"
                                             alt=""/>
                                    </div>

                                    <div class="inbox-item-info">
                                        <p class="author">杰克</p>
                                        <p class="inbox-message">邮件信息</p>
                                        <p class="inbox-date">下午13：54</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="inbox-inner">
                            <a href="#">
                                <div class="inbox-item">
                                    <div class="inbox-img">
                                        <img src="${pageContext.request.contextPath}/assets/images/users/avatar-1.jpg"
                                             alt=""/>
                                    </div>

                                    <div class="inbox-item-info">
                                        <p class="author">杰克</p>
                                        <p class="inbox-message">邮件信息</p>
                                        <p class="inbox-date">下午13：54</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="inbox-inner">
                            <a href="#">
                                <div class="inbox-item">
                                    <div class="inbox-img">
                                        <img src="${pageContext.request.contextPath}/assets/images/users/avatar-1.jpg"
                                             alt=""/>
                                    </div>

                                    <div class="inbox-item-info">
                                        <p class="author">杰克</p>
                                        <p class="inbox-message">邮件信息</p>
                                        <p class="inbox-date">下午13：54</p>
                                    </div>
                                </div>
                            </a>
                        </div>

                    </div>
                </div>
            </div>
            <!-- End inbox widget-->

            <!--Start chat widget-->
            <div class="col-md-4">
                <div class="white-box">
                    <h2 class="header-title">闲聊</h2>

                    <div class="chat-widget">
                        <ul class="chat-scroll-list">
                            <li class="left">
                                <img src="${pageContext.request.contextPath}/assets/images/users/avatar-6.jpg" alt=""/>
                                <div class="chat-info">
                                    <a class="name" href="#">杰克</a>
                                    <span class="datetime">6:12</span>
                                    <span class="message">
                                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit
                                        </span>
                                </div>
                            </li>

                            <li class="right">
                                <img src="${pageContext.request.contextPath}/assets/images/users/avatar-6.jpg" alt=""/>
                                <div class="chat-info">
                                    <a class="name" href="#">杰克</a>
                                    <span class="datetime">6:12</span>
                                    <span class="message">
                                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit
                                        </span>
                                </div>
                            </li>

                            <li class="left">
                                <img src="${pageContext.request.contextPath}/assets/images/users/avatar-6.jpg" alt=""/>
                                <div class="chat-info">
                                    <a class="name" href="#">杰克</a>
                                    <span class="datetime">6:12</span>
                                    <span class="message">
                                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit
                                        </span>
                                </div>
                            </li>

                            <li class="right">
                                <img src="${pageContext.request.contextPath}/assets/images/users/avatar-6.jpg" alt=""/>
                                <div class="chat-info">
                                    <a class="name" href="#">杰克</a>
                                    <span class="datetime">6:12</span>
                                    <span class="message">
                                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit
                                        </span>
                                </div>
                            </li>

                        </ul>
                    </div>

                    <div class="row">
                        <div class="col-sm-12">
                            <div class="input-group">
                                <label>
                                    <input class="form-control" placeholder=请输入聊天信息！ type="text">
                                </label>
                                <span class="input-group-btn">
                            <button class="btn btn-primary" type="button">发送</button>
                            </span></div>
                        </div>
                    </div>

                </div>
            </div>
            <!--End chat widget-->

            <!-- Start timeline-->
            <div class="col-md-4">
                <div class="white-box">
                    <h2 class="header-title">最新活动</h2>
                    <ul class="timeline timeline-compact">
                        <li class="latest">
                            <div class="timeline-date">刚刚</div>
                            <div class="timeline-title">创建新页面</div>
                            <div class="timeline-description">页面描述</div>
                        </li>

                        <li>
                            <div class="timeline-date">刚刚</div>
                            <div class="timeline-title">备份主题</div>
                            <div class="timeline-description">主题信息</div>
                        </li>

                        <li>
                            <div class="timeline-date">刚刚</div>
                            <div class="timeline-title">变化结构</div>
                            <div class="timeline-description">变化信息</div>
                        </li>

                        <li>
                            <div class="timeline-date">刚刚</div>
                            <div class="timeline-title">新用户注册</div>
                            <div class="timeline-description">注册信息</div>
                        </li>

                    </ul>
                </div>
            </div>
            <!-- End timeline-->


            <!-- Start inbox widget-->
            <div class="col-md-12">
                <div class="white-box">
                    <h2 class="header-title"> 项目 </h2>
                    <div class="table-responsive">
                        <table class="table table-hover">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>项目名称</th>
                                <th>开始时间</th>
                                <th>截止时间</th>
                                <th>状态</th>
                                <th>进度</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>1</td>
                                <td>设计新主题</td>
                                <td>10/10/2016</td>
                                <td>12/11/2016</td>
                                <td><span class="label label-warning">未通过</span></td>
                                <td>
                                    <div class="progress progress-striped progress-sm">
                                        <div class="progress-bar progress-bar-warning" style="width: 25%;"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>网站重新设计</td>
                                <td>10/10/2016</td>
                                <td>12/11/2016</td>
                                <td><span class="label label-success">进行中</span></td>
                                <td>
                                    <div class="progress progress-striped progress-sm">
                                        <div class="progress-bar progress-bar-success" style="width: 25%;"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>实体模型设计</td>
                                <td>10/10/2016</td>
                                <td>12/11/2016</td>
                                <td><span class="label label-warning">未审批</span></td>
                                <td>
                                    <div class="progress progress-striped progress-sm">
                                        <div class="progress-bar progress-bar-primary" style="width: 25%;"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td>管理面板设计</td>
                                <td>10/10/2016</td>
                                <td>12/11/2016</td>
                                <td><span class="label label-success">进行中</span></td>
                                <td>
                                    <div class="progress progress-striped progress-sm">
                                        <div class="progress-bar progress-bar-success" style="width: 25%;"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>5</td>
                                <td>前端设计</td>
                                <td>10/10/2016</td>
                                <td>12/11/2016</td>
                                <td><span class="label label-danger">通过</span></td>
                                <td>
                                    <div class="progress progress-striped progress-sm">
                                        <div class="progress-bar progress-bar-danger" style="width: 25%;"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>6</td>
                                <td>软件测试</td>
                                <td>10/10/2016</td>
                                <td>12/11/2016</td>
                                <td><span class="label label-success">进行中</span></td>
                                <td>
                                    <div class="progress progress-striped progress-sm">
                                        <div class="progress-bar progress-bar-success" style="width: 25%;"></div>
                                    </div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
            <!-- Start inbox widget-->
        </div>
        <!--End row-->

    </div>
    <!-- End Wrapper-->
    <!--Start  Footer -->
    <jsp:include page="inc/footer.jsp"/>
    <!--End footer -->
</div>
<!--End main content -->


<!--Begin core plugin -->
<script src="${pageContext.request.contextPath}/assets/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/assets/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/assets/plugins/moment/moment.js"></script>
<script src="${pageContext.request.contextPath}/assets/js/jquery.slimscroll.js "></script>
<script src="${pageContext.request.contextPath}/assets/js/jquery.nicescroll.js"></script>
<script src="${pageContext.request.contextPath}/assets/js/functions.js"></script>
<!-- End core plugin -->

<!--Begin Page Level Plugin-->
<script src="${pageContext.request.contextPath}/assets/plugins/morris-chart/morris.js"></script>
<script src="${pageContext.request.contextPath}/assets/plugins/morris-chart/raphael-min.js"></script>
<script src="${pageContext.request.contextPath}/assets/plugins/jquery-sparkline/jquery.charts-sparkline.js"></script>
<script src="${pageContext.request.contextPath}/assets/pages/dashboard.js"></script>
<!--End Page Level Plugin-->

</body>

</html>
